<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/admin.css">
    <script src="../js/ajax.js"></script>
    <title>管理页</title>
</head>

<body onload="user_list()">
    <!-- 头部 -->
    <header>
        <div>
            <img src="../images/admin/icon-logo.png">
        </div>
    </header>

    <!-- 主体内容 -->
    <div class="container">
        <!-- 左侧导航栏 -->
        <div class="nav">
            <ul class="nav-list">
                <li>
                    <h1>Admin</h1>
                </li>
                <li class="nav-item">
                    <a href="/admin/admin.html">
                        首页
                    </a>
                </li>
                <li class="nav-item">
                    <a class="open" href="#">
                        <img src="../images/admin/icon/Avatar.png">
                        用户管理<span></span>
                    </a>
                    <ul>
                        <li>
                            <a class="active" href="/admin/user_list.html">
                                用户列表
                            </a>
                        </li>
                        <li>
                            <a href="/admin/user_add.html">
                                添加用户
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a href="#">
                        <img src="../images/admin/icon/Menu.png">
                        分类管理<span></span>
                    </a>
                    <ul>
                        <li>
                            <a href="/admin/category_list.html">
                                分类列表
                            </a>
                        </li>
                        <li>
                            <a href="/admin/category_add.html">
                                添加分类
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a href="#">
                        <img src="../images/admin/icon/Box.png">
                        商品管理<span></span>
                    </a>
                    <ul>
                        <li>
                            <a href="/admin/product_list.html">
                                商品列表
                            </a>
                        </li>
                        <li>
                            <a href="/admin/product_add.html">
                                添加商品
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a href="javascript:location.replace('/admin/');">
                        <img src="../images/admin/icon/Back_2.png">
                        退出登录<span class="none"></span>
                    </a>
                </li>
            </ul>
        </div>

        <!-- 右侧内容 -->
        <div class="index">
            <div class="list">
                <div class="top">
                    <h2>用户列表</h2>
                    <div>
                        <input id="search" type="text" placeholder="请输入要搜索的用户名">
                        <button type="button">搜索</button>
                    </div>
                </div>

                <table>
                    <thead>
                        <tr>
                            <td>编号</td>
                            <td>用户名</td>
                            <td>联系方式</td>
                            <td>性别</td>
                            <td>邮箱</td>
                            <td>操作</td>
                        </tr>
                    </thead>

                    <tbody>
                        <tr>
                            <td colspan="6"><span>加载中...</span></td>
                        </tr>
                        <!-- <tr>
                            <td>编号</td>
                            <td>用户名</td>
                            <td>联系方式</td>
                            <td>性别</td>
                            <td>邮箱</td>
                            <td>
                                <a href="javascript:void(0);" onclick="">
                                    <img src="../images/admin/icon/Write.png">修改
                                </a>
                                &nbsp;|&nbsp;
                                <a href="javascript:void(0);" onclick="">
                                    <img src="../images/admin/icon/Garbage.png">删除
                                </a>
                            </td>
                        </tr> -->
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- 弹出遮掩层 -->
    <div class="container-model">
        <div class="model">
            <a href="javacript:;" id="close_model">×</a>
            <form>
                <div>
                    <label class="label-style">上传头像</label>
                    <div id="preview">
                        <input type="file" data-url="" accept="image/*" id="avatar" />
                    </div>
                </div>
                <div>
                    <label class="label-style">昵称</label>
                    <input type="text" onblur="uname_check()" id="uname" placeholder="请输入昵称" class="input-style" />
                    <span id="uname_msg"></span>
                </div>
                <div>
                    <label class="label-style">性别</label>
                    <input type="radio" name="gender" id="woman" value="0" />
                    <label class="none" for="woman">女</label>
                    <input type="radio" name="gender" id="man" value="1" />
                    <label class="none" for="man">男</label>
                    <input type="radio" checked name="gender" id="none" value="2" />
                    <label class="none" for="none">保密</label>
                </div>
                <div>
                    <label class="label-style">生日</label>
                    <input type="date" id="birthday" class="input-style" />
                </div>
                <div>
                    <label class="label-style">手机</label>
                    <input type="text" disabled id="phone" class="input-style" />
                </div>
                <div>
                    <label class="label-style">邮箱</label>
                    <input type="text" onblur="email_check()" id="email" placeholder="请输入邮箱" class="input-style" />
                    <span id="email_msg"></span>
                </div>
                <div>
                    <button onclick="edit()" type="button">确定</button>
                </div>
            </form>
        </div>
    </div>

    <!-- 尾部 -->
    <footer>
        <link rel="stylesheet" href="../css/footer.css">
        <div style="color: black;">
            <div class="jianjian-bontton">
                <div><img src="../images/index/footer-logo.png" alt=""></div>
                <a href=""><span>关于Sennheiser</span></a><span> |</span>
                <a href=""><span> 帮助中心</span></a>
                <span>|</span>
                <p>森海塞尔中国在线商城由森海塞尔电子(北京)有限公司授权双齐国际贸易（上海）有限公司负责运营管理</p>
                <a href="#">
                    <p>2020 , all rights reserved 京ICP备 18017514号</p>
                </a><br>
                <a href="#">
                    <p> © 2010-2020 , 森海塞尔电子(北京)有限公司. 京公网安备11010502006893</p>
                </a>
            </div>
        </div>
    </footer>

    <script src="../js/admin_tool.js"></script>
</body>

</html>